@primary-color: #108ee9;
@primary-hover-color: #49a9ee;
@normal-color: #49a9ee;
@gray-border-color: #c8c8c8;
@deppon-blue-color: #0050a0;
@deppon-yellow-color: #faaf19;
@normal-border-color:#D9D9D9;
@hover-opacity: 0.5;
@text-color:#333333;
@blue-hover-color:#49a9ee;
@error-color:#F04134;
@success-color:#00A854;
@warn-color:#FAAF19;
@disable-color:#919191;
@bgColor:#f5f5f5;
@font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@btn-disable-color: #919191;


// Border color
@border-color-base      : #919191;  // outside
@border-color-split     : #e8eaec;  // inside
@border-width-base      : 1px;            // width of the border for a component
@border-style-base      : solid;          // style of a components border

// Background color
@background-color-base        : #919191;  // base

// Button
@btn-font-weight        : normal;
@btn-padding-base       : 5px 15px 6px;
@btn-padding-large      : 6px 15px 6px 15px;
@btn-padding-small      : 1px 7px 2px;
@btn-padding-base-icon  : 5px 15px 6px;
@btn-padding-large-icon : 6px 15px 6px 15px;
@btn-padding-small-icon : 1px 7px 2px;
@btn-font-size          : 12px;
@btn-font-size-large    : 14px;
@btn-border-radius      : 4px;
@btn-border-radius-small: 3px;
@btn-group-border       : shade(@primary-color, 5%);

@btn-disable-color      : #919191;
@btn-disable-bg         : @background-color-base;
@btn-disable-border     : @border-color-base;

@btn-default-color      : @text-color;
@btn-default-bg         : #fff;
@btn-default-border     : @border-color-base;

@btn-primary-color      : #fff;
@btn-primary-bg         : @primary-color;

@btn-ghost-color        : @text-color;
@btn-ghost-bg           : #fff;
@btn-ghost-border       : @border-color-base;

@btn-circle-size        : 32px;
@btn-circle-size-large  : 36px;
@btn-circle-size-small  : 24px;




*{
  font-size: 12px;
  // color: @text-color;
  box-sizing: border-box;
}
a, .link{
  color: @primary-color;
}
a:hover{
  color: @primary-hover-color;
}
.fontWhite{
  color: #fff;
}
.main .container-fluid{
  padding: 10px 10px 10px 0px;
}
/*头部*/
.app-header.navbar{
  position:fixed;
  flex-direction:row;
  height:50px;
  margin:0;
  padding:0;
  background-color:#3a3c64;
  background: -webkit-linear-gradient(30deg,#00358F, #003f8e);
  background: -moz-linear-gradient(30deg, #00358F, #003f8e);
  background: linear-gradient(30deg,#00358F, #003f8e);
}
.navbar-nav *{
  color: #ffe100;
}
/*底部*/
.app-footer{
  background-color:#3a3c64;
  background: -webkit-linear-gradient(30deg,#00358F, #003f8e);
  background: -moz-linear-gradient(30deg, #00358F, #003f8e);
  background: linear-gradient(30deg,#00358F, #003f8e);
  color: #ffe100;
}
/*左侧菜单*/
.main {
  background-color: #fff;
}
.header-fixed .app-body{
background-color: #F4F7F9 !important;
}
.sidebar{
  background: #eff0f4;
}
.navbar .sidebar .nav .nav-item.nav-dropdown.open .dropdown-toggle, .sidebar .nav .nav-item.nav-dropdown.open .nav-link, .sidebar .nav .nav-item.nav-dropdown.open .navbar .dropdown-toggle {
  color: @deppon-blue-color;
}
.navbar .sidebar .nav .nav-item .dropdown-toggle, .sidebar .nav .nav-item .nav-link, .sidebar .nav .nav-item .navbar .dropdown-toggle {
  color: @deppon-blue-color;
}
.navbar .sidebar .nav .nav-item .dropdown-toggle:hover, .sidebar .nav .nav-item .nav-link:hover, .sidebar .nav .nav-item .navbar .dropdown-toggle:hover ,
.navbar .sidebar .nav .nav-item .active.dropdown-toggle, .sidebar .nav .nav-item .nav-link.active, .sidebar .nav .nav-item .navbar .active.dropdown-toggle ,
.sidebar .nav .nav-item.nav-dropdown.open .nav-dropdown-toggle:hover{
  background: #3b5991;
  color:#fff;
}
.sidebar .nav .nav-item.nav-dropdown.open .nav-link:hover ,
.sidebar .nav .nav-item.nav-dropdown.open .nav-link.active{
  color: #fff;
}
.sidebar .nav .nav-item{
  padding-left: 0;
}
/*input*/
input ,.ivu-input{
  border: 1px solid @gray-border-color;
  height: 28px;
  border-radius: 3px;
  border-width: 1px;
}
input:hover,.ivu-input:focus{
  border-color: @primary-color;
  box-shadow: none;
}
.ivu-input-icon{
  height: 28px;
  line-height: 28px;
}

/*下拉框*/
.ivu-select-dropdown{
  margin: 0;
}
.ivu-select-small.ivu-select-single .ivu-select-selection{
  height: 28px;
  line-height: 28px;
  border-radius: 3px;
}
.ivu-select-selection{
  border-color: @gray-border-color;
}
.ivu-select-selection:hover, .ivu-select-visible .ivu-select-selection{
  border-color: @primary-color;
  box-shadow: none;
}
.ivu-select-small.ivu-select-single .ivu-select-selection .ivu-select-placeholder, .ivu-select-small.ivu-select-single .ivu-select-selection .ivu-select-selected-value{
  height: 28px;
  line-height: 28px;
}
.ivu-select-item ,.ivu-dropdown-item{
  font-size: 12px;
  padding: 7px 16px;
  color: @text-color;
}
.ivu-select-item:hover,.ivu-dropdown-item:hover{
  //background-color: @blue-hover-color;
}
.ivu-dropdown-item-disabled{
  color: @disable-color;
}
.ivu-dropdown-item-disabled:hover{
  background-color:#fff;
}
.ivu-select-item-selected, .ivu-select-item-selected:hover{
  color: @primary-color;
  background-color: @bgColor;
 }
.ivu-select-single .ivu-select-selection .ivu-select-placeholder, .ivu-select-single .ivu-select-selection .ivu-select-selected-value ,.ivu-select-single .ivu-select-selection{
  height: 28px;
  line-height: 28px;
}
/*F7*/
/* icons */
@font-face {font-family: "iconfont";
  src: url('?t=1530004230003'); /* IE9*/
  src: url('?t=1530004230003#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAhIAAsAAAAADMQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kk7Y21hcAAAAYAAAACnAAACNjrIPMtnbHlmAAACKAAAA8gAAAVwDG6R+GhlYWQAAAXwAAAALwAAADYRz4wHaGhlYQAABiAAAAAeAAAAJAfeA41obXR4AAAGQAAAABcAAAAsK+oAAGxvY2EAAAZYAAAAGAAAABgIfAmYbWF4cAAABnAAAAAfAAAAIAEaAGJuYW1lAAAGkAAAAUUAAAJtPlT+fXBvc3QAAAfYAAAAcAAAAJM+wARieJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sc4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDz3Zm7438AQw9zA0AAUZgTJAQAq8wy+eJzFkTEOgkAQRd8KohIJVp6BwpJbcAwvQWFI6DyKlceaPQb+ZWgM2ups3ib7N5mZ/A9sgUxcRA7hSSDVQ2qY9Yxy1nNuep85SSnoDWustasNNsYq1rGbJv1/09cV1Gt9kl5qq5yNpuzYc0j7heJjj59U+N/o9zrO9315KRX6Ba1oOEm3xknpWuukdO3qyFtscOQyNjrym1g5cp5YO8qA2DlkL7QBM/EAeJxlUz1sHEUUnm8mt7fr3O3dzt6fd30/u4dvfbLvDPbdWklsx5HSEEAYkUAoghxEQ4FFFTcUR4FEIiMhN3RgBSQMoaEIVaQYJRIdUihpbASCgg5RshPerH+IYbWaeTPfe/O9b94blmHs8c/inqgxl02xZ9hFtsoYjGmENq8jiAZ9Po1ykClXS7aI2lGQbYd9sYRqaJQqc/GgUzWyRgE2GpgP5uKozyMMB8v8HOYqdWDc916WkxNSfISxWtR4X13it1FuticKyz317Mz50lzLNTdyUo5LuWkamYzJ+amCjberFStjjRnq80zBK99rdnkTufHIe/61fMuX1z8YrNcnqxYwGsH1W/YX5x3Pof9dr+LK8Wwxb9a8fPupEjZ+PV1zc/XOL4w+rXVPPBBN5rAGm2YzbEibQdhHvIBlSrhKKmzAyMKoVINlROiIsDN0BvFcpeyUjGxbe5WMsCNeSl4PB74o4rIzO5x1cKUo/IH6UDrq62Ip5LfDUlHdKUpbygkp7afhT/n0B17/bINfbwRBI/m0cbbvCYZ68kk9BMI6f6OuQmmjRUG22rflOyXf7/p+mvd98Z24wHJsnM2yM+wKY5NPJtZ+coH2sI8osJEtt3WVdF0GnclBTAbVJEBA8JF3ig4dravs2OBrBxn/cDDhz23EU+p+N8a2zkqs0JhsUZIX8lKNsK1WCHJ96eaxa0tIXyIeEbyWakhj/rV5S3sj7q7osyekPsxeSVq0g/3UKZWOvdQOujHVjJP2XbErVliBtagzqUiUZjsIOxElPT+pZToN6GotOKRLXK41gWYtuVprAa0a30mu9peApT7f6em5J3KtFNVYrTWPxT55LIJmvkMzcZ4izkfiGxETZ5O1WcSYu6zbO+XO6utznYN+p1vvUDIGooVqhCpewEzAvw96QC9IzgQzOIdygX9WLJeLybVCGeZ+d/9FfDutnuO/B71DHx1zN7mmnVLX5M5ed8/C3Wl16VD/e6S/yELSHw+oKamq1Pz6AS64x9YRxF+xLLVm+dLCTbVhSd/649jC9iGGt8a8MVq5nqVuqBuW51ri1fyxje1D+H/8xAz97iOL+DphVhxbRxC+sjQP8asN3DzgP7KI+wDDx0RAK+LHLdzSnH9/mT+21dohzKgej3/jPwmP+Jl1QjrR8h/VyCwVTayrLbNYMjEysUUDmWqLtjREDlTT/5xzImO6tzexngaNzDRAh9EOzfp8PRCYnvGX2BQ5dpreX9YCSV+wqOpic1U9VA9XsaQerGIRi6vqwcUTKyyRB6XxD0LyBFh4nGNgZGBgAGL1cv278fw2Xxm4WRhA4HqECiuC/r+fhYHZEcjlYGACiQIA758IGwB4nGNgZGBgbvjfwBDDAmQxMLAwMIBpJMANAEcqAnUAAHicY2FgYGB+ycDAwkAAMzIwAAAnpgEWAAAAAAAAdgDSAVABigHQAhACUAJ0ApYCuHicY2BkYGDgZghjYGUAASYg5gJCBob/YD4DABJMAX0AeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicbcgxDsIwDEZh/yWhtGWDa3Rg4jyRCbUFOFKaiNLTg8SG+KanRw199fTfgAYbOHhs0WKHDj0G7AmLe4Zs7SzBWKpniXzrlhpslWTTUTnZeNEcueinsk5SDj/zHq/FvVI9ubWmsy/6iDPRG+r/IE4=') format('woff'),
  url('?t=1530004230003') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('?t=1530004230003#iconfont') format('svg'); /* iOS 4.1- */
}
.sp-iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: @primary-color;
}
.sp-iconfont:hover{
  color: @primary-hover-color;
}
.sp-icon-warning:before { content: "\e663"; }
.sp-icon-clear:before { content: "\e74b"; }
.sp-icon-unselect-all:before { content: "\e634"; }
.sp-icon-select-all:before { content: "\e628"; }
.sp-icon-last:before { content: "\e67e"; }
.sp-icon-first:before { content: "\e681"; }
.sp-icon-next:before { content: "\e70d"; }
.sp-icon-previous:before { content: "\e70f"; }
.sp-icon-close:before { content: "\e600"; }
/*组件样式*/
div.v-selectpage{
  box-sizing: border-box;
  div.sp-input-container {
    position: relative;
    span.sp-placeholder { color: @text-color; }
    &.sp-open{
      div.sp-input, div.sp-inputs { border: 1px solid @primary-color ;color: @text-color;border-radius: 3px; }
      div.sp-inputs:hover { border: 1px solid @primary-hover-color ;color: @text-color;border-radius: 3px; }
      div.sp-button { border: 1px solid @primary-color ; border-left: 0; }
      div.sp-button:hover { border: 1px solid @primary-hover-color ; border-left: 0; }
    }
    &.sp-disabled {
      color: @disable-color;
      sp-iconfont{color: @disable-color;}
      div.sp-input, div.sp-inputs { cursor: not-allowed;background-color: @bgColor; }
      div.sp-button { cursor: not-allowed; }
    }
    div.sp-base {
      display: block;
      height: 28px;
      padding: 6px 12px;
      line-height: 1.42857143;
      background-color: #fff;
      background-image: none;
      border: 1px solid @normal-border-color;
      border-radius: 3px;
      -webkit-box-shadow: none;
      box-shadow: none;
      /*-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/
    }
    .sp-input-container:hover .sp-base, .sp-input-container:hover .sp-button{
      border-color: @primary-hover-color;
    }
    div.sp-input {
      background-color: white;
      cursor: pointer;
      color: @text-color;
      opacity: 1; }
    div.sp-inputs {
      padding: 3px 24px 0 3px;
      position: relative;
      overflow: hidden;
      clear: both;
      cursor: pointer;
      list-style: none;
      height: 28px;
      span.sp-placeholder{
        margin-left: 9px;
        margin-top: 3px;
        display: inline-block; }
      span.sp-selected-tag {
        list-style: none;
        padding: 0 5px;
        margin-right: 3px;
        margin-bottom: 3px;
        float: left;
        position: relative;
        box-sizing: content-box;
        border: 1px solid @normal-border-color;
        border-radius: 3px;
        background-color: #EFEFEF;
        cursor: pointer;
        max-width: 100%;
        height: 18px;
        line-height: 18px;
        -webkit-transition: all .5s cubic-bezier(.175,.885,.32,1);
        transition: all .5s cubic-bezier(.175,.885,.32,1);
        &:hover{
          background-color: white;
          border: 1px solid @normal-border-color;}
        i {
          font-size: 14px; color: #AAAAAA;
          &:hover { color: black; }
        }
      }
    }
    div.sp-clear {
      position: absolute;
      top: 0;
      right: 25px;
      display: block;
      width: auto;
      height: 100%;
      cursor: pointer;
      font-size: 20px;
      color: #666666;
      font-weight: 600;
      margin: 0;
      padding: 4px 0 0 0;
      box-sizing: border-box;
      line-height: 1;
      i { font-size: 12px; }
      &:hover { color: black;font-weight: bold; }
    }
    div.sp-button {
      display: inline-block;
      border-bottom-right-radius: 3px;
      border-top-right-radius: 3px;
      cursor: pointer;
      text-align: center;
      box-sizing: border-box;
      background-color: #fff;
      border: 1px solid @normal-border-color;
      border-left: 0;
      width: 24px;
      height: 100%;
      padding: 0;
      vertical-align: middle;
      line-height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      span.sp-caret {
        position: absolute;
        top: 50%;
        right: 12px;
        margin-top: -2px;
        vertical-align: middle;
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        border-top: 4px dashed;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        transition:transform .2s ease;
      }
      &.open span.sp-caret { transform: rotate(180deg); }
    }
  }
}
div.sp-header {
  background-color: white;
  & > h3 {
    margin: 6px 100px 0 10px;
    text-align: left;
    height: 18px;
    color: #24292e;
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
  }
  button{
    position: absolute;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    outline: none;
    line-height: 100%;
    color: #999999;
    top: 3px;
    font-size: 21px;
    &.sp-close-btn { right: 9px; }
    &.sp-remove-all-btn { right: 55px; }
    &.sp-select-all-btn { right: 81px; }
    &.sp-clear-all-btn { right: 31px; }
    &:hover { color: black; }
  }
}
.sp-search {
  padding: 10px;
  background-color: white;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  .sp-search-input {
    display: block;
    margin: 0 !important;
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    height: 28px;
    padding: 4px 6px;
    vertical-align: middle;
    box-sizing: border-box;
    outline: none !important;
    border-radius: 2px;
    border: 1px solid @normal-border-color;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    &:focus { border: 1px solid @primary-color;}
  }
}
.sp-disabled .sp-iconfont{
  color: @disable-color;
  cursor:not-allowed;
}
div.sp-result-area{
  background-color: white;
  min-width: 298px;
  max-height: 320px;
  overflow-y: auto;
  ul.sp-results {
    background-color: white;list-style: none;margin: 0;padding: 0;
    li {
      height: auto !important;
      margin: 0;
      overflow: hidden;
      padding: 7px 16px;
      position: relative;
      text-align: left;
      white-space: nowrap;
      font-size: 12px;
      color: black;
      cursor : pointer;
      &.sp-message-box {
        height: 30px;
        line-height: 30px;
        text-align: center;
        box-sizing: content-box;
        font-size: 14px;
        cursor: default;
      }
      &.sp-over { background-color: @blue-hover-color;cursor: pointer; }
      &.sp-selected { background-color: @blue-hover-color;cursor: default; }
    }
  }
  table.sp-table {
    width: 100%;
    td,th { border: 0 !important; }
    th{
      background-color: @bgColor;padding: 5px 8px;}
    td{ padding: 4px 8px; }
    tbody {
      tr{
        &.sp-over {
          td {
            cursor: pointer;
          }
        }
        &.sp-selected,&.sp-over { background-color: @blue-hover-color;cursor: default; }
      }
    }
  }
}
div.sp-pagination {
  padding: 0;
  background-color: white;
  position: relative;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  text-align: center;
  font-size: 14px;
  div.sp-page-info {
    height: 28px;
    line-height: 29px;
    font-weight: 400;
  }
  ul {
    position: absolute;
    top: 0;
    padding: 0;
    margin: 0;
    text-align: left;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    width: 100%;
    li {
      display: inline-block;text-align: center;
      a {
        display: inline-block;
        padding: 7px 7px 5px 7px;
        font-size: 14px;
        color: #6a737d;
        text-decoration: none;
        cursor: pointer;
        height: 28px;
        line-height: 100%;
        background: transparent;
        &:hover { color: black;font-weight: bold; }
      }
      &.sp-right{ float:right; }
      &:first-child{ border-bottom-left-radius: 2px; }
      &:last-child{ border-bottom-right-radius: 2px; }
      &.sp-disabled {
        a { color: #DDDDDD;font-weight: normal;}
      }
    }
  }
}
div.sp-message {
  padding: 10px;
  position: relative;
  color: @error-color;
  i {position: absolute;top: 6px;font-size: 22px;}
  span{ margin-left: 30px;font-size: 16px; }
}
div.v-selectpage div.sp-input-container div.sp-clear{
  top: 1px;
  background-color: #fff;
  height: 23px;
  padding-top: 0;
  right: 24px;
}
/*单选*/
.ivu-radio-inner, .ivu-radio-small .ivu-radio-inner{
  width: 14px;
  height: 14px;
}
.ivu-radio-inner:hover{
  border-color: @primary-hover-color;
}
.ivu-radio-inner:after{
  width: 6px;
  height: 6px;
  background-color:@primary-hover-color;
  top: 3px;
  left: 3px;
}
/*复选框*/
.ivu-checkbox-inner, .ivu-checkbox-small .ivu-checkbox-inner{
  width: 14px;
  height: 14px;
  border-radius: 0;
}
.ivu-checkbox-inner:hover{
  border-color:@primary-hover-color;
}
.ivu-checkbox-checked .ivu-checkbox-inner{
  border-color: @primary-hover-color;
  background-color:@primary-hover-color;
}
.ivu-checkbox-inner:after, .ivu-checkbox-small .ivu-checkbox-checked .ivu-checkbox-inner:after{
  top: 1px;
  left: 4px;
}
/*tab标签*/
.ivu-tabs-bar{
  border-bottom: 1px solid @normal-border-color;
}
.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab{
  border: 0;
  background: #fff;
  color: @text-color;

}
.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab-active{
  color: @primary-hover-color;
  border-bottom: 2px solid @primary-hover-color;
}
  /*按钮*/
.ivu-btn{
  border-color: @primary-color;
  color: @primary-color;;
  background-color: #fff;
  height: 24px;
  padding: 0 15px;
}
.ivu-btn>span {
  line-height: 22px;
  color: @primary-color;;
}
.ivu-btn:hover{
  border-color: @primary-hover-color;
  color: @primary-hover-color;;
  background-color: #fff;
}
.ivu-btn:hover>span {
  color: @primary-hover-color;;
}
.ivu-btn .ivu-icon{
  color: @text-color;
  font-size: 14px;
  line-height: 24px;
}
  .ivu-btn-primary {
    background-color:@primary-color;
    border-color:@primary-color;
    color: #fff;
  }
  .ivu-btn-primary:hover{
    background-color:@primary-hover-color;
    border-color:@primary-hover-color;
    color: #fff;
  }
.ivu-btn.ivu-btn-primary>span {
  color: #fff;;
}
.ivu-btn.ivu-btn-primary .ivu-icon{
  color: #fff;
}
.ivu-btn-success ,.ivu-btn-success:hover{
  background-color: @success-color;
  border-color:@success-color;
  color: #fff;
}
.ivu-btn-warning ,.ivu-btn-warning:hover{
  background-color: @warn-color;
  border-color:@warn-color;
  color: #fff;
}
.ivu-btn-error ,.ivu-btn-error:hover{
  background-color: @error-color;
  border-color:@error-color;
  color: #fff;
}
.ivu-btn-success:hover ,.ivu-btn-error:hover ,.ivu-btn-warning:hover{
  opacity: 0.7;
}
.ivu-btn-primary.transfer-operation .ivu-btn span span{
  color: #fff;
}
/*icon*/
.ivu-icon{
   font-size: 18px;
 }
.ivu-icon:hover{
  // color: @primary-color;
}
/*提示信息*/
.ivu-form-item-error-tip{
  color: @error-color;
}
  /*日期*/
.ivu-date-picker-focused input{
  border-color:@primary-color;
}
.ivu-date-picker-cells-cell:hover em{
  background:@blue-hover-color;
}
.ivu-time-picker-cells-cell:hover{
  background-color: @blue-hover-color;
}
.ivu-picker-panel-icon-btn{
  margin-top: 0;
}
/*模态弹窗*/
.ivu-modal-mask{
  background: rgba(0, 0, 0, 0.3);
}
.ivu-modal-content{
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
}
.ivu-modal-header{
  background-color: @deppon-blue-color;
  padding: 17px 16px;
  border-radius: 6px 6px 0 0;
}
.ivu-modal-header p, .ivu-modal-header-inner{
  color: #fff;
}
.ivu-modal-footer{
  border-color: @normal-border-color;
  padding: 10px 20px;
}
.ivu-modal-body{
  padding: 15px;
}
.ivu-modal-close .ivu-icon-ios-close{
  color: #fff;
}
.ivu-modal-close .ivu-icon-ios-close:hover{
  color: #fff;
  opacity: @hover-opacity;
}
/*步骤条*/
.ivu-steps-item.ivu-steps-status-finish .ivu-steps-head-inner {
  border-color: @primary-color;
}
.ivu-steps-item.ivu-steps-status-process .ivu-steps-head-inner {
  border-color: @primary-color;
  background-color: @primary-color;
}
.ivu-steps-item.ivu-steps-status-finish .ivu-steps-head-inner span, .ivu-steps-item.ivu-steps-status-finish .ivu-steps-head-inner>.ivu-steps-icon{
  color: @primary-color;
}
/*开关*/
.ivu-switch-checked {
  border-color: @primary-color;
  background-color: @primary-color;
}
/*卡片*/
.ivu-card-head{
  border-color: @normal-border-color;
}
/*表格*/
.ivu-table-wrapper{
  border: 0;
}
.v-table-views{
  border: 1px solid transparent;
  margin-bottom: 10px;
}
.ivu-table-border td, .ivu-table-border th {
  border-right: 0;
}
.ivu-table:before ,.ivu-table-fixed-right::before, .ivu-table-fixed::before{
  background: transparent;
}
.ivu-table th ,.v-table-header-row .v-table-title-cell{
  background-color: #fff;
  border-bottom: 1px solid #a0a0a0 !important;
  color: #a0a0a0;
  font-size: 14px;
  font-weight: bold;
}
.v-table-header-row span{
  color: #a0a0a0;
  font-size: 14px;
  font-weight: bold;
}
.ivu-table tr,.v-table-row{
  background-color: #ffffff;
}
.ivu-table tr:nth-child(2n+1) ,.v-table-row:nth-of-type(2n+1){
  //background-color: @bgColor;
}
.ivu-table td{
  background-color: inherit;
  padding: 8px;
  line-height: 1.42857143;
  height: 30px;
  border-bottom: 0;
  color: #5a5a5a;
}
tr.ivu-table-row-hover td ,.v-table-row:hover{
  background-color: @blue-hover-color;
}
.horizontal-border{
  border-width: 0px !important;
}
.v-table-sort-icon{
  margin-top: 4px;
}
.v-table-empty-content *{
  color: @error-color;
}
/*从表*/
.dp-subtable,.dp-subtable:hover{
  background: @bgColor;
}
.dp-subtable .v-table-class{
  box-shadow: 0 2px 7px #dad8d8;
  margin-top: 10px;
}
/*tip*/
.ivu-tooltip-light .ivu-tooltip-inner {
  color: #333;
  border: 1px solid #faaf19;
  box-shadow: none;
}
.ivu-tooltip-light.ivu-tooltip-popper[x-placement^=top] .ivu-tooltip-arrow {
  border-top-color: #faaf19;
}
/*从表展开表单*/
.dp-subContent{
  background: @blue-hover-color;
}
/*.dp-subContent td:first-of-type{
  border-left:1px solid @primary-color;
}
.dp-subContent td:last-of-type{
  border-right:1px solid @primary-color;
}
.dp-subContent td{
  border-top:1px solid @primary-color;
  border-bottom:1px solid @primary-color;
}*/
.dp-subContent td div{
  line-height: 30px;
  height: 30px;
}
/*分页*/
.ivu-page-item{
  height: 28px;
  line-height: 28px;
}
.ivu-page-item-jump-next, .ivu-page-item-jump-prev, .ivu-page-next, .ivu-page-prev{
  height: 28px;
  line-height: 26px;
}
.ivu-page-options-elevator input{
  height: 28px;
}

/*级联选择器*/
.dpCascade .input-box{
  height: auto !important;
  overflow: hidden !important;
  display: inherit;
  padding: 10px;
}
.switchBtn {
  display: inline-block;
  text-align: center;
}
.switchBtn > a {
  display: inline-block;
  padding: 7px 5px 5px 5px;
  font-size: 14px;
  color: #6a737d;
  text-decoration: none;
  cursor: pointer;
  height: 28px;
  line-height: 100%;
  background: transparent;
}
.ivu-cascader-transfer .ivu-cascader-menu-item{
  color: @text-color;
}
.ivu-cascader-transfer .ivu-cascader-menu-item:hover{
  background-color: @bgColor;
}
.ivu-cascader-transfer .ivu-cascader-menu-item-active{
  color: @primary-color;
  background-color: @bgColor;
}
/**/
div.v-dropdown-container{
  border: 1px solid #D6D7D7;
  margin: 0;
  padding: 0;
  display: inline-block;
  position: absolute;
  top:0;
  left:0;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: white;
  border-radius: 2px;
  box-shadow: 0 3px 12px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 3px 12px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 3px 12px rgba(0,0,0,0.2);
  z-index: 3000;
  &.sm_regular { width: auto;min-width: 150px; }
  &.sm_embed { position: relative; }
  & > .sm_select_ng { background: #fcc; }
  /*输入框设置了input-block-level样式时的特殊情况修复*/
  input.sm_input.input-block-level{
    box-sizing:border-box;
    height: 30px;
    line-height: 30px;
    min-height: 30px;
    width: 100%;
  }
  &.animate {
    -webkit-animation: dropDownFadeInDown 300ms cubic-bezier(.23,1,.32,1);
    animation: dropDownFadeInDown 300ms cubic-bezier(.23,1,.32,1);
    &.dropUp {
      -webkit-animation: dropDownFadeInUp 300ms cubic-bezier(.23,1,.32,1);
      animation: dropDownFadeInUp 300ms cubic-bezier(.23,1,.32,1);
    }
  }
}

@keyframes dropDownFadeInDown {
  from{ opacity: 0;transform: translate3d(0, -20px, 0); }
  to{ opacity: 1;transform: translate3d(0, 0, 0); }
}
@keyframes dropDownFadeInUp {
  from{ opacity: 0;transform: translate3d(0, 20px, 0); }
  to{ opacity: 1;transform: translate3d(0, 0, 0); }
}
/*表单*/
.ivu-form-item{
  margin-bottom: 10px;
}
.ivu-form-item .ivu-form-item{
  margin-bottom: 0;
}
.input-col ,.form-panel .ivu-col{
  padding: 6px;
}
.ivu-tooltip-inner{
    max-width: 350px !important;
    min-height: 34px;
    padding: 8px 12px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    background-color: rgba(70,76,91,.9);
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
    box-shadow: 0 1px 6px rgba(0,0,0,.2);
    white-space: nowrap;
}


.ivu-btn[disabled]>span{
  color: @disable-color;
}
.ivu-btn[disabled]{
  border-color: @border-color-base;
  background-color: @btn-ghost-bg;
}
.main{
  background-color: #f4f7f9;
}
.ivu-icon-ios-checkmark-circle:before{
  color: @success-color;
}
.ivu-icon-ios-help-circle:before{
  color:@primary-color;
}
.ivu-modal-wrap.ivu-modal-no-mask{
  background-color: rgba(0, 0, 0, 0.5);
}
.app-header.navbar{
  z-index: 1000;
}
.ivu-modal-confirm-head-title {
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
  font-size: 15px;
  color: #17233d;
  font-weight: 600;
}
